<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
</head>
<body>

	<form action="register.action" method="post">
		姓名：<input type="text" name="cname" class="cname"><span class="notice"></span><br>
		密码：<input type="password" name="cpassword"><br>
		年龄：<input type="text" name="cage"><br>
		性别：男<input type="radio" name="cgender" value="男">
		女<input type="radio" name="cgender" value="女"><br>
		电话：<input type="text" name="cphone"><br>
		地址：<input type="text" name="caddress">
		<input type="submit" value="注册">
	</form>
	
	<script type="text/javascript">
		$(function(){


			$('input.cname').change(function(){
				console.log("1");
				$.ajax({
					type : 'post',
					url : 'validateName.action',					
					data : {
						"name" :$("input.cname")[0].value
					},
						
					contentType : "application/x-www-form-urlencoded",
						
					dataType : 'json',					
				
					success : function(data){	
						
							if(data == 0){ 
								alert("用户名符合");	
							}else if(data == 1){
								alert("用户名重复");
							}
		
					},
					
					error : function(data){
						console.log("请求失败");
					}
			
			
				})
			})	
		})
	</script>

</body>
</html>